<!--
  - Copyright (c) 2019.  武汉中科图灵科技有限公司
  - Date :  2019/1/5
  - Author ：F12 Console=> atob("MzMxNDkxODAwQHFxLmNvbQ==")
  - Version ：1.6.2
  -->

<template>
  <!--  <el-breadcrumb class="app-breadcrumb" separator="/">-->
  <!-- <transition-group name="breadcrumb">
      <el-breadcrumb-item v-for="(item,index)  in levelList" :key="item.path" v-if='item.meta.title'>
      <div class="site-icon-top"><img class="site-icon-img" src="http://pbaiqwzwk.bkt.clouddn.com/firecontrol_user.png"></div>
        <span v-if='item.redirect==="noredirect"||index==levelList.length-1' class="no-redirect">{{generateTitle(item.meta.title)}}</span>
        <router-link v-else :to="item.redirect||item.path">{{generateTitle(item.meta.title)}}</router-link>
      </el-breadcrumb-item>
  </transition-group>-->
  <div class="logo-with-text">
    <div class="site-icon-top">
      <!-- <icon-svg style="fill:#2bdef5" icon-class="tsl-logo"/> -->
    </div>
    <div class="site-name">
      <img src="./../../assets/layout/logo.png" style="vertical-align: middle;margin-right: -20px;"><span>东央智慧消安云平台</span>
    </div>
    <!-- <div class="site-tagging">Smart fire cloud platform</div> -->
  </div>


  <!--  </el-breadcrumb>-->
</template>

<script>
import { fetchTree } from "@/api/admin/build/index";
import {
  getOwner //获取单个
} from "@/api/admin/tenant/index";
import defaultimg from "@/assets/default-images/defaultsite.png";
export default {
  created() {
    //this.getBreadcrumb()
    //this.getSiteInfo();
  },
  data() {
    return {
      levelList: null,
      defaultimg: defaultimg,
      siteimg: ""
    };
  },
  watch: {
    $route() {
      //this.getBreadcrumb()
    }
  },
  methods: {
    getBreadcrumb() {
      let matched = this.$route.matched.filter(item => item.name);
      const first = matched[0];
      if (first && first.name !== "dashboard") {
        matched = [{ path: "/dashboard", meta: { title: "dashboard" } }].concat(
          matched
        );
      }
      this.levelList = matched;
    },
    getSiteInfo() {
      this.$store.dispatch("GetInfo").then(res => {
        getOwner(res.id).then(response => {});
      });
    }
  }
};
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.logo-with-text {
  height: 60px;
  color: #2bdef5;
  width: 705px;
  margin: 0 auto;
  display: flex;
}
.site-icon-top {
  /*width: 124px;*/

  margin-left: 79px;
  margin-top: -1px;
  width: 45px;

  height: 35px;
  margin-right: 10px;
  svg {
    width: 100%;
    height: 100%;
    font-size: 35px;
    /*transform: scale(1.5);*/
    vertical-align: middle;
    transform-origin: left top;
  }
}
.site-name {
  font-size: 47px;
  font-weight: bold;
  white-space: nowrap;
  color: #eff0f1;
  letter-spacing: 2px;

  font-family: "Audiowide";
  text-shadow: 0 0 8px #0a4ebc, 0 0 5px #0a4ebc, 0 0 8px #0a4ebc,
    0 0 10px #0a4ebc, 0 0 15px #0a4ebc, 0 0 40px #0a4ebc, 0 0 50px #0a4ebc,
    0 0 75px #0a4ebc;
}

.site-tagging {
  padding: 10px 0 0 10px;
  letter-spacing: 0.5px;
  font-weight: bold;
  color: #3465a7;
}
</style>
